<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>home page</title>
</head>

<body>
    <header>
        <nav>
            <div class="nav-div">
                <style>
                    .nav-div {
                        display: flex;
                        flex-direction: row;
                    }
                </style>
                <div style="padding: 10px;">
                    <a href="#">首页</a>
                </div>
                <div style="padding: 10px;">
                    <a href="#">课程</a>
                </div>
                <div style="padding: 10px;">
                    <a href="#">图片</a>
                </div>
                <div style="padding: 10px;">
                    <a href="#">学习中心</a>
                </div>


                <div style="padding: 10px; float: right;;">
                    <a href="#">登录</a>
                </div>

                <div style="padding: 10px; float: right;;">
                    <a href="#">注册</a>
                </div>
            </div>


            <div>
                <h2>
                    欢迎来到Java Web课堂
                </h2>
            </div>


        </nav>
    </header>


</body>

</html>